<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style type="text/css" >
		.strong{
			font-weight: bold;
			color: red;
		}
		#text{
			color: gray;
			
		}
		div p{
			
			font-weight: bold;
			color:gray;
		}
		div>span{
			color: red;
		}
		p+h1{
			background: #FF0000;
		}
		<style type="text/css">
.divForm{
		position: absolute;/*绝对定位*/
		width: 300px;
		height: 200px;

border: 1px solid red;
text-align: center;/*(让div中的内容居中)*/
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -150px;
}
	</style>
	<body>
		
		<div>
			<p>哈哈</p>
			<h1>嘿嘿</h1>
			<h1>娜娜</h1>
			<h1>佳佳</h1>
			
		</div>
		
		
		<div><p>覅uefeiuwfhuewi</p></div>
		
		<div>
			<span>覅腐恶</span>
			<span>涣发大号</span>
			<span>大风大浪</span>
			<label>加扣扣</label>
		</div>
		
		<p class="strong">三年级时，我还是个一个</p><span id="text" class="strong">普普通通的小学生</span>
		<p>生活费覅官网和外观in<span class="strong">㢣</span>jyy<span class="strong">"过五关是计划覅两个人"</span></p>
		<h1>hello word!</h1>
		<h2>hello word!</h2>
		<h3>hello word!</h3>
		<h4>hello word!</h4>
		<h5>hello word!</h5>
		<h6>hello word!</h6>
		<a href="#">花花</a>
		
		<a href="#tips">我要跳到下面去</a>
		<h1>hello word!</h1>
		<h2>hello word!</h2>
		<h3>hello word!</h3>
		<h4>hello word!</h4>
		<h5>hello word!</h5>
		<h6>hello word!</h6>
		<h1>hello word!</h1>
		<h2>hello word!</h2>
		<h3>hello word!</h3>
		<h4>hello word!</h4>
		<h5>hello word!</h5>
		<h6>hello word!</h6>
		<h1>hello word!</h1>
		<h2>hello word!</h2>
		<h3>hello word!</h3>
		<h4>hello word!</h4>
		<h5>hello word!</h5>
		<h6>hello word!</h6>
		<a name="tips">我就是下面</a>
		
		<a href="https://www.baidu.com">搜索</a>
		
		<b>我</b>
		<em>就</em>
		<i>是</i>
		<small>爱</small>
		<strong>音</strong>
		<sub>乐</sub>
		<sup>别</sup>
		<ins>让</ins>
		<del>我</del>
		<img src="//img.alicdn.com/tfs/TB16EjuwiMnBKNjSZFoXXbOSFXa-750-291.jpg_Q90.jpg"></img>
		
		<table border="1">
			<tr>
				<td>row 1</td>
				<td>row 2</td>
			</tr>
			
		</table>
		
		
		<table border="1">
			
			<tr>
				<th>班级</th>
				<th>学生数</th>
				<th>平均成绩</th>
			</tr>
			
			<tr>
				
				<td>一班</td>
				<td>30</td>
				<td>89</td>
			</tr>
			
			<tr>
				<td>二班</td>
				<td>35</td>
				<td>85</td>
			</tr>
			
			<tr>
				<td>三班</td>
				<td>33</td>
				<td>70</td>
			</tr>
		</table>
		
		<ul type="I">
			<li>Coffee</li>
			<li>Milk</li>
		</ul>
		
		<ol type="I">
			<li>Coffee</li>
			<li>Milk</li>
		</ol>
		
		<ul type="square">
			<li>扫地僧</li>
			<li>天山童姥</li>
			<li>张无忌</li>
		</ul>
		
		<ol type="I">
			<li>天龙八部</li>
			<li>水浒传</li>
			<li>三国演义</li>
		</ol>
		
		<ol type="1">
			<li>天龙八部</li>
			<li>水浒传</li>
			<li>三国演义</li>
		</ol>
		
		<ol type="a">
			<li>天龙八部</li>
			<li>水浒传</li>
			<li>三国演义</li>
		</ol>
		
		<ol type="A">
			<li>天龙八部</li>
			<li>水浒传</li>
			<li>三国演义</li>
		</ol>
		
		<form action="" method="post">
			姓名:<input text="text" name="name" /><br />
			性别:<input type="radio" name="sex" value="男" />男
			<input type="radio" name="sex" value="女" />女<br />
			爱好:<input type="checkbox" name="hobby" value="read" />看书
				 <input type="checkbox" name="hobby" value="music" />听歌
				 <input type="checkbox" name="hobby" value="play game" />打游戏<br />
		    籍贯:<select>
		    	<option value="长沙">长沙</option>
		    	<option value="岳阳">岳阳</option>
		    </select><br />
		    <input type="submit" value="提交" />
		</form>
		<span>呵呵呵hi我黑了发过来</span>
		  <div class="divForm">
   <form action="" method="post">
    <p>
    欢迎登陆网站主页
    </p>
    <p>
    用户名：<input type="text" name="username"/>
    </p>
    <p>
    密 &nbsp;&nbsp;码：<input type="password" name="password"/>
    </p>
    <input type="submit" value="提交"/>
   </form>
    </div>
</html>
